@import "@/styles/backgrounds.scss";

.round {
  border-radius: 100%;
}
.fillat {
  border-radius: 4px;
}
.no-radius {
  border-radius: 0px !important;
}
.no-border {
  border: none;
}
.border-bottom {
  border-bottom: 1px solid $active;
}
.border-top-active {
  border-top: 1px solid $active;
}
.border-bottom-info {
  border-bottom: 1px solid $--color-info;
}
.border-info {
  border: 1px solid $--color-info;
}
.hover-scale {
  .hover-scale-son {
    transition: all ease 1s;
  }
  &:hover,
  &.active {
    .hover-scale-son {
      transform: scale(1.2);
    }
  }
}
.hover-border-active {
  border: 1px solid $background-black;
  &:hover,
  &.active {
    border-color: $--color-primary-light-3;
  }
}
.hover-border {
  border: none;
  &:hover,
  &.active {
    border: 1px solid $--color-primary-light-3;
  }
}
.inset-shadow {
  box-shadow: 0 0 15px $active-light inset;
}
.inset-shadow-active {
  box-shadow: 0 0 15px $active inset;
}
.inset-shadow-warning {
  box-shadow: 0 0 15px $--color-warning inset;
}
.inset-shadow-danger {
  box-shadow: 0 0 15px $--color-danger inset;
}
.text-shadow {
  text-shadow: 0px 6px 6px #005eff;
  font-family: PingFang SC-Heavy, PingFang SC;
}
.border_top {
  border: 1px solid #617bac;
}
.shadow-info {
  box-shadow: 0px 0px 5px $--color-info;
}
.dot {
  width: 4px;
  height: 4px;
  background: #66e961;
  border-radius: 50%;
  margin-right: 8px;
}

.left-label {
  //   width: 200px !important;
  position: relative;
}
.isRed::before {
  content: "*";
  color: red;
  //   position: absolute;
  left: 0;
}
.noborder-input {
  input,
  textarea {
    border: none;
  }
  textarea::placeholder {
    color: transparent;
  }
}
